<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Biking everywhere</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function playVideo(sourceId, targetId) {
   if (typeof(sourceId)=='string') {sourceId=document.getElementById(sourceId);}
   if (typeof(targetId)=='string') {targetId=document.getElementById(targetId);}
   targetId.innerHTML=sourceId.innerHTML;
   return false;
}
</script>
</head>

<body>
<!--TopPan-->
<div id="topPan">
	<ul>
		<li class="home"><a href="index.html">Home</a></li>
		<li class="menupadding"><a href="passeios.html">Passeios</a></li>
		<li class="menupadding"><a href="aventuras.html">Aventuras</a></li>
		<li class="selected">Podcasts</li>
		<li class="menupadding"><a href="fotos.html">Fotos</a></li>
		<li class="menupadding"><a href="videos.html">Videos</a></li>
		<li class="menupadding"><a href="sobre.html">Sobre</a></li>
		<li class="menupadding"><a href="contato.html">Contato</a></li>
	</ul>
	<div id="topBeforePan">&nbsp;</div>
	<h1>Biking everywhere</h1>
	<div id="topAfterPan">&nbsp;</div>
</div>
<!--TopPan Close-->
<!--BodyPan-->
<div id="topBodyPan">&nbsp;</div>
<div id="bodyPan">
	<h1><span>Veja nossos podcasts!</span></h1>
	<p class="bigtext">Podcasts s&atilde;o relacionados ao trabalho da disciplina de Produ&ccedil;&atilde;o para Web.</p>
	<p>&nbsp;</p>
	
	<p>Uma breve descri&ccedil;&atilde;o sobre os podcasts &eacute; v&aacute;lida.</p>
	<p>O primeiro podcast foi criado apenas para demosntrar algumas possiblidades</p>
	<p>do site www.xtranormal.com, que foi o escolhido para elaborar os podcasts.</p>
	<p>&nbsp;</p>
	<p>O segundo j&aacute; &eacute; baseado numa divaga&ccedil;&atilde;o sobre tecnologia, focando</p>
	<p>a &aacute;rea da mobilidade, falando um pouco sobre o IPhone e o novo Palm Pre.</p>
	
	<div id="videosList">
	<!--listas de links dos videos-->
	<ul>
	<li><a href="#" onclick='return playVideo("selectDemo1","videoPlayback")'>Podcast 1</a></li>
	<li><a href="#" onclick='return playVideo("selectDemo2","videoPlayback")'>Podcast 2</a></li>
	<li><a href="#" onclick='return playVideo("selectDemo3","videoPlayback")'>Podcast 3</a></li>
	<li><a href="#" onclick='return playVideo("selectDemo4","videoPlayback")'>Podcast 4</a></li>
	<!--cancela o video-->
	<li><a href="#" onclick='document.getElementById("videoPlayback").innerHTML=""; return false'>Parar Video</a></li>
	</ul>
	
	
	<!--div para guardar posição do player de videos-->
	<div id="videoPlayback">&nbsp;</div>
	
	<!--as seguintes divs são os videos que estão escondidos-->
	<div id="selectDemo1" style="display: none;">
		<object width="425" height="344"><param name="movie" value="http://www.xtranormal.com/players/jwplayer.swf"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="flashvars"value="height=390&width=480&file=http://newvideos.xtranormal.com/standard/133abe72-3f53-11de-b881-003048d6740d_9_standard_medium-flv.flv&image=http://newvideos.xtranormal.com/standard/133abe72-3f53-11de-b881-003048d6740d_9_standard_poster.jpg&link=http://www.xtranormal.com/watch?e=20090512213921207&searchbar=false&autostart=false"/><embed src="http://www.xtranormal.com/players/jwplayer.swf" width="480" height="390" allowscriptaccess="always" allowfullscreen="true" flashvars="height=390&width=480&file=http://newvideos.xtranormal.com/standard/133abe72-3f53-11de-b881-003048d6740d_9_standard_medium-flv.flv&image=http://newvideos.xtranormal.com/standard/133abe72-3f53-11de-b881-003048d6740d_9_standard_poster.jpg&link=http://www.xtranormal.com/watch?e=20090512213921207&searchbar=false&autostart=false"></embed></object><object width="480" height="390"><param name="movie" value="http://www.xtranormal.com/players/embedded-xnl-stats.swf"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.xtranormal.com/players/embedded-xnl-stats.swf" width="1" height="1" allowscriptaccess="always"></embed></object>
	</div>
	<div id="selectDemo2" style="display: none;">
		<object width="425" height="344"><param name="movie" value="http://www.xtranormal.com/players/jwplayer.swf"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="flashvars"value="height=390&width=480&file=http://newvideos.xtranormal.com/standard/423510d0-5c61-11de-a8f4-003048d6740d_8_standard_medium-flv.flv&image=http://newvideos.xtranormal.com/standard/423510d0-5c61-11de-a8f4-003048d6740d_8_standard_poster.jpg&link=http://www.xtranormal.com/watch?e=2009061821115625&searchbar=false&autostart=false"/><embed src="http://www.xtranormal.com/players/jwplayer.swf" width="480" height="390" allowscriptaccess="always" allowfullscreen="true" flashvars="height=390&width=480&file=http://newvideos.xtranormal.com/standard/423510d0-5c61-11de-a8f4-003048d6740d_8_standard_medium-flv.flv&image=http://newvideos.xtranormal.com/standard/423510d0-5c61-11de-a8f4-003048d6740d_8_standard_poster.jpg&link=http://www.xtranormal.com/watch?e=2009061821115625&searchbar=false&autostart=false"></embed></object><object width="480" height="390"><param name="movie" value="http://www.xtranormal.com/players/embedded-xnl-stats.swf"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.xtranormal.com/players/embedded-xnl-stats.swf" width="1" height="1" allowscriptaccess="always"></embed></object>
	</div>
	<div id="selectDemo3" style="display: none;">
		<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/w-U83jYn04M&hl=pt-br&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/w-U83jYn04M&hl=pt-br&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
	</div>
	<div id="selectDemo4" style="display: none;">
		<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/w-U83jYn04M&hl=pt-br&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/w-U83jYn04M&hl=pt-br&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
	</div>
	<div id="selectDemo5" style="display: none;">
		<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/1bQ8aWPX6fY&hl=pt-br&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/1bQ8aWPX6fY&hl=pt-br&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
	</div>
	
  </div>
	
</div>
<div id="bodybottomPan">&nbsp;</div>
<!--BodyPan Close-->
<!--FooterPan-->
<div id="footermainPan">
  <div id="footerPan">
  <ul>
  	<li><a href="#">Home </a>| </li>
  	<li><a href="#">Passeios </a>| </li>
  	<li><a href="#">Aventuras</a> | </li>
  	<li><a href="#">About us</a> | </li>
  	<li><a href="#">Contact </a> </li>
  </ul>
  
  <ul class="info">
  	<li class="address">23-Ambush road 0128thonhill <br />CANADA</li>
	<li class="phone"><span>PH: </span><br />
	  012-2568-6897 <br />
	  012-2568-6898</li>
	 <li class="fax"><span>FAX:</span> <br />
	  012-2568-6897 <br />
	  012-2568-6898</li>
    </ul>
   <p class="copyright">Time manager all right reaserved </p>
   <ul class="templateworld">
  	<li>Design By:</li>
	<li><a href="http://www.templateworld.com" target="_blank">Template World</a></li>
  	<li>ReDesign By:</li>
	<li><a href="#">Guilherme João Frantz</a></li>
  </ul>
  </div>
</div>
</body>
</html>
